.inventory-page {
  .inventory-list {
    margin-bottom: 16rpx;
    background: #fff;
    .image-box{
      position: relative;

      .stock{
        min-width: 100rpx;
        line-height: 56rpx;
        color: #fff;
        font-size: 28rpx;
        padding: 0 16rpx;
        text-align: center;
        background: #000;
        bottom: 16rpx;
        right: 32rpx;
        position: absolute;
      }
    }
    .main-pic {
      width: 718rpx;
      height: 466rpx;
      display: block;
      padding: 21rpx 16rpx 0 16rpx;
    }
    .main-text {
      @include flex;
      @include a-center;
      padding: 40rpx 16rpx;
      .text {
        @include sub-item;
        @include text-ellipsis;
        font-size: 34rpx;
        font-weight: bold;
      }
      .details {
        @include flex;
        @include a-center;

        .details-icon {
          width: 20rpx;
          height: 20rpx;
          margin-left: 8rpx;
        }
        .details-text {
          color: #666;
          font-size: 24rpx;
        }
      }
    }
    .details {
      @include flex;
      @include center;
      // padding: 24rpx 0 32rpx 0;
      .details-icon {
        width: 11rpx;
        height: 18rpx;
        margin-left: 8rpx;
      }
      .details-text {
        color: #666;
        font-size: 30rpx;
      }
      .num {
        color: #FF0000;
      }
    }
    .btn-line{
      @include flex;
      padding: 16rpx 0;
      border-top: 1rpx solid #f5f5f5;

      .btn-item{
        @include sub-item;
        @include flex;
        @include center;
        font-size: 28rpx;
        height: 56rpx;
        border-right: 1rpx solid #f5f5f5;
        position: relative;

        .icon{
          width: 30rpx;
          height: 30rpx;
          margin-right: 8rpx;
          display: block;
        }
        .num{
          min-width: 30rpx;
          line-height: 30rpx;
          text-align: center;
          border-radius: 15rpx;
          color: #fff;
          font-size: 20rpx;
          padding: 0 4rpx;
          background: #FF0000;
          box-sizing: border-box;
          right: 30rpx;
          margin-top: -10rpx;
          position: absolute;
        }

        &.disabled{
          opacity: 0.4;
        }

        &:last-child{
          border-right: 0;
        }
      }
    }
    // .btn-box {
    //   width: 100%;
    //   .long-btn {
    //     text-align: center;
    //     width:718rpx;
    //     height:80rpx;
    //     background:rgba(0,0,0,1);
    //     color: #fff;
    //     line-height: 80rpx;
    //     margin: 0 auto;
    //     .bold {
    //       font-weight: bold;
    //     }
    //   }
    //   .gray-btn {
    //     background: #999;
    //   }
    // }
  }
}